<template>
  <a-config-provider
      :theme="{
        token: {
          colorPrimary: systemSettingStore.ui.primaryColor,
          borderRadius: systemSettingStore.ui.borderRadius
        },
      }"
  >
    <AppTopWindowUtils v-show="!route.meta.hideTopMenu"></AppTopWindowUtils>
    <div :class="[route.meta.hideTopMenu ? '' : 'pt-12']" class="h-screen flex">
      <LxAppSidebar v-show="route.meta.showMenu"></LxAppSidebar>
      <div class="view-container w-full bg-slate-50 overflow-auto">
        <router-view></router-view>
      </div>
    </div>
  </a-config-provider>
</template>
<script setup>
import { onMounted } from 'vue';
import AppTopWindowUtils from '@/components/appTopWindowUtils/index.vue'
import LxAppSidebar from '@/components/LxAppSidebar/index.vue'
import { useRoute,useRouter } from "vue-router";
import { useSystemSettingStore } from "@/store/systemSetting";

const systemSettingStore = useSystemSettingStore()
const route = useRoute()

onMounted(() => {
const loadingElement = document.getElementById('loadingPage');
if (loadingElement) {
  loadingElement.remove();
}
});
</script>
<style lang="less"></style>
